<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>生活家</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="index/3dview.css" media="all">
		<script src="js/jquery-2.2.4.min.js"></script>
		<script src="js/swiper-3.4.2.min.js"></script>
		<script src="js/index.js"></script>
		
		<script type="text/javascript" charset="utf-8" async="" src="index/lxb.js"></script>
		<script type="text/javascript" src="index/skin.js"></script>
	    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
	</head>
	<body>
		<header id="index-header"></header>
		<div id="index-banner" class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/img1.jpg"/></div>
				<div class="swiper-slide"><img src="img/img2.jpg"/></div>
				<div class="swiper-slide"><img src="img/img3.jpg"/></div>
				<div class="swiper-slide"><img src="img/img4.jpg"/></div>
				<div class="swiper-slide"><img src="img/img5.jpg"/></div>
				<div class="swiper-slide"><img src="img/img6.jpg"/></div>
			</div>
			<div class="swiper-pagination"></div>
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
		</div>
		<div id="index-menu-wrap">
			<div id="index-menu">
				<a href="#index-housecase"><img src="img/menu11.png" alt="" /></a>
				<a href="#index-homeshare-wrap"><img src="img/menu22.png" alt="" /></a>
				<a href="#index-experience"><img src="img/menu33.png" alt="" /></a>
				<a href="#index-designer"><img src="img/menu44.png" alt="" /></a>
			</div>
		</div>
		<div id="index-housecase">
			<div id="index-housecase-top">
				<a href=""><img src="img/housecase1.png"/></a>
				<a href=""><img src="img/housecase2.png"/></a>
				<a href=""><img src="img/housecase3.png"/></a>
			</div>
			<div id="index-housecase-bottom">
				<article>
					<h2><a href="houseCase.html">整屋案例/</a></h2>
					<p>The whole house case</p>
				</article>
				<aside>
					<p>用最少的投入，来最大化的美化，和利用现有空间，</p>
					<p>用心观察生活,感悟人生真谛,让设计与生活互动。</p>
				</aside>
			</div>
		</div>
		<div id="index-homeshare-wrap">
			<div id="index-homeshare">
				<a href=""><img src="img/homeshare.png"/></a>
				<section>
					<article>
						<a href="houseShare.html">
							<h2>家居分享-</h2>
							<p>Home to share</p>
						</a>
					</article>
					<p>	
						————日式小角落，丰富你的小空间
					</p>
					<div id="homeshare-bottom">
						<p>白色+原木色，是让人舒适放松的配色组合，在日系、北欧中也很常见， 但也不局限于它们之中。</p>
						<p><a href="">LEAD MORE……</a></p>	
					</div>
				</section>
			</div>
		</div>
		<div id="index-experience">
			&nbsp;&nbsp;<span>家装体验馆</span><br />  decoration experience
		</div>
		<div id="index-panorama">
			<div id="container" style="width:100%;height:100%;">
				<div style="top: 0px; left: 0px; position: relative;">
				</div>
			</div>
		</div>
		<div id="index-designer">
			<div id="index-designer-top">
				<div id="index-designer-left">
					<div id="index-designer-top-t">
						<a href="findDesigner.html">
							<h2>找设计师</h2>
							<p>designer</p>
						</a>
					</div>
					<p>寻找你的专属家居设计师</p>
				</div>
				<div id="index-designer-right">
					<h2>日式小角落，丰富你的小空间</h2>
					<p>——李振斯</p>
					<p>白色+原木色，是让人舒适放松的配 色组合，在日系、北欧中也很常见， 但也不局限于它们之中。</p>
					<p><a href=""><span>LE</span>AD MORE……</a></p>
				</div>
			</div>
			<div id="index-designer-bottom">
				<h2>日式小角落，丰富你的小空间</h2>
				<p>——李振斯</p>
				<p>白色+原木色，是让人舒适放松的配 色组合，在日系、北欧中也很常见， 但也不局限于它们之中。</p>
				<p><a href=""><span>LE</span>AD MORE……</a></p>	
			</div>
			
			<a href=""><img src="img/she1.png" alt="" /></a>
			<a href=""><img src="img/she2.png" alt="" /></a>
			
		</div>
		<div id="index-businesspartner">
			<article>
				<h2>合作商家</h2>
				<p>business partner</p>
			</article>
			<section>
				<a href=""><img src="img/拉手网.png" alt="" /></a>
				<a href=""><img src="img/乐蜂网.png" alt="" /></a>
				<a href=""><img src="img/麦考林.png" alt="" /></a>
				<a href=""><img src="img/百度.png" alt="" /></a>
				<a href=""><img src="img/58同城.png" alt="" /></a>
				<a href=""><img src="img/当当网.png" alt="" /></a>
				<a href=""><img src="img/1号店.png" alt="" /></a>
				<a href=""><img src="img/卓越.png" alt="" /></a>
			</section>
		</div>
		<footer id="index-footer"></footer>
		<a href="javascript:" id="index-top">返回<br />顶部</a>
			<!--全景-->
		<script type="text/javascript">
			if(ggHasHtml5Css3D() || ggHasWebGL()) {
				pano = new pano2vrPlayer("container");
				skin = new pano2vrSkin(pano);
				//全景图xml地址
				pano.readConfigUrl('http://localhost/360images/xml.php');
			} else {
				alert("not support 360view");
			}
		</script>
	</body>
</html>